<!DOCTYPE html>
<html lang="en" ng-app="app" ng-controller="fontInit">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="keywords" content="CrapApi,api,crap,接口管理,应用接口管理,开源接口管理,开源api接口管理" />
	<meta name="description" content="CrapApi|一个由anjularjs+bootstrap+springMVC搭建的免费开源的API接口管理系统（应用接口管理系统），api.crap.cn" />
	<link href="{{settings.ICON}}" rel="shortcut icon" type="image/x-icon" />
	<link href="{{settings.ICON}}" rel="icon" type="image/x-icon" />
	<link href="{{settings.ICON}}" rel="shortcut" type="image/x-icon" />
	<link href="resources/framework/bootstrap-3.0.0/css/bootstrap.css" rel="stylesheet" type="text/css" />
	<link href="resources/framework/bootstrap-3.0.0/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
	<!-- base-min.css,admin.css应该发在bootstrap之后,覆盖部分bootstrap样式 -->
	<link href="resources/css/base.css" rel="stylesheet" type="text/css" />
	<link href="resources/css/crapApi.css" rel="stylesheet" type="text/css" />
	<link href="resources/framework/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="resources/framework/textAngular-1.5.0/textAngular.css" rel="stylesheet" type="text/css" />
	<title ng-bind="settings.TITLE">CrapApi|接口管理系统</title>
</head>
<body class="BG_COLOR">
	<div ng-include="'resources/html/subTpl/css.tpl.html'"></div>
	<input type="hidden" id="projectId">
	
	<!-- Top Nav -->
	<div ng-include="'resources/html/subTpl/frontTopNav.tpl.html'"></div>
	<!-- Top Nav End -->
	
	<!-- Top Search-->
	<div class="h120 title-bg-img w">
		<div class="container p0 CFFF h">
		<div class="row">
			<div class="rel h col-xs-7" >
				<div class="pt30 pl10" ng-if="others.module"><h3 ng-bind="others.module.name"></h3></div>
				<div class="pt10 pl10 f12" ng-bind="others.module.remark|cut:true:26:' ...'"  ng-if="others.module"></div>
				
				<div class="f12 pl10 tl" ng-if="!others.module">
					<div class="pt20 mb20"><h3>站内导航</h3></div>
					<a ng-href="#/project/{{projectId}}" class="ACFFF">首页</a>
					<span ng-repeat="item in others.crumbs">
						<span class="ACFFF"> > </span>	
						<a ng-href="{{item.url}}" class="ACFFF" ng-if="item.url!='void'" ng-bind="item.name|cut:true:20:' ...'"></a>
		 			 	<span ng-if="item.url=='void'" ng-bind="item.name|cut:true:20:' ...'"></span>	
					</span>
				</div>
			</div>
			
			<div class="col-xs-5">
					<div class="form-group w300 fr mr10 mt40 search-section" ng-controller="frontSearchCtrl">
						<label class="sr-only">search</label>
						<div class="input-group b0">
							<input type="text" class="form-control input-xs dis-in-blo f12 w120 b0 no-radius o2 search-input C999" id="searchInput"
							ng-model="$stateParams.keyword" placeholder="全文检索 | 接口、文章" 
							ng-focus="loadPickByName('iwidth=265|iUrl=searchList.do|iheight=260|tag=searchInput',$event)"
							onkeypress="iClose('lookUp');if(event.keyCode==13) {luceneSearch.click();return false;}">
							<a ng-href="#/frontSearch/{{$stateParams.keyword}}" id="luceneSearch"  ng-click="iClose('lookUp');getData()"
								class="input-group-addon no-radius o3 b0 search-button cursor">
									<i class="iconfont C000">&#xe60d;</i>
							</a>
						</div>
					</div>
		 		</div>
			</div>
		</div>
	</div>
	<!-- Top Search End-->
	
	<div class="container p0 mt20">
		<div class="row min-h p0 m0">
		
			<div class="col-xs-9 p0 BG_COLOR m0 pt0">
				<div class="col-xs-12 f16 fb p20 pt10 pb0 mb5 BGFFF"
					ng-if="error">
					<button type="button" class="btn btn-danger btn-xs break-word"
						onclick="propUpPsswordDiv(this)" ng-bind="error"></button>
				</div>
				<div ui-view="main" class="BGFFF min-h500"></div>
			</div>
			
			<!-- leftMenu -->
			<div class="col-xs-3 p0 m0" ng-controller="frontProjectMenuCtrl">
				<div class="r2 BGFFF p20 C555 ml15">
					<div class=" fb f18 adorn-color fl">
						<i class="iconfont">&#xe61f;</i>
					</div>
					<a class="fl dis C000 f16 mt2 ml10" ng-href="#/{{project.id}}/interface/list/{{project.id}}/" ng-bind="project.name"></a>
					<div class="cb"></div>
					<div class="f12 C999 lh20 mt10" ng-bind="project.remark"></div>
				
				</div>
				
				<div class="mt20 r2 f14 p20 BGFFF ml15">
					<ul class="l-s-n m0 p0">
						<li class="pl10">
							<a ng-href="#/{{project.id}}/interface/list/{{project.id}}/" class="dis w pl10 mt10 no_unl C000 adorn-bl-3">项目主页</a>
							<ul ng-if="modules.length>0">
								<li ng-repeat="item in modules" class="p3">
									<a ng-href="#/{{item.projectId}}/interface/list/{{item.id}}/{{item.name}}"
									ng-class="{true: 'adorn-color dis f12 w pl5 no_unl', false: ' dis f12 w pl5 no_unl C999'}[item.id == $stateParams.moduleId]"
									 ng-bind="item.name"></a>
								</li>
							</ul>
						</li>
						<li class="pl10">
							<a href="#/{{project.id}}/error/list" class="dis w pl10 mt10 no_unl C000 adorn-bl-3">项目错误码</a>
						</li>
						<!-- <li class="pl10">
							<a href="#/{{project.id}}/webPage/list/DICTIONARY/" class="dis w pl10 mt10 no_unl C000 adorn-bl-3">数据字典</a>
						</li> -->
					</ul>
				</div>
				
			</div>
			<!-- End:leftMenu -->
			
		</div>
	</div>




	<!-- footer -->
	<div class="container-fluid m0 mt30 def-bg FOOTER_BG_COLOR FOOTER_COLOR">
		<div class="container p0">
			<div class="col-xs-12 f12 p0 mb5 tl mt50 mb50">
				©crap.cn &nbsp;版权所有
				<ul class="dis-in-tab ml0">
					<li class="dis-in-tab mr20"><a target="_blank"
						href="http://api.crap.cn/index.do#/webPage/list/ARTICLE/帮助文档">帮助文档</a>
					</li>
					<li class="dis-in-tab mr20"><a target="_blank"
						href="https://github.com/EhsanTang/CrapApi">源码:GitHub</a> <span
						class="bg_line"></span></li>
					<li class="dis-in-tab mr20"><a target="_blank"
						href="https://git.oschina.net/CrapApi/CrapApi">源码:码云</a> <span
						class="bg_line"></span></li>
					<li class="dis-in-tab mr20"><a target="_blank"
						href="http://tools.crap.cn">在线工具</a> <span
						class="bg_line"></span></li>
					<li class="dis-in-tab mr20" ng-repeat="item in fontMenus"
						ng-if="item.menu.type=='BOTTOM'"><a target="_blank"
						ng-href="{{item.menu.menuUrl}}" ng-bind="item.menu.menuName"></a>
					</li>
				</ul>
				<div class="mt20">
					友情链接：
					<ul class="dis-in-tab p0">
						<li class="dis-in-tab pr20" ng-repeat="item in fontMenus"
							ng-if="item.menu.type=='FRIEND'"><a target="_blank"
							ng-href="{{item.menu.menuUrl}}" ng-bind="item.menu.menuName"></a>
						</li>
					</ul>
				</div>

			</div>
		</div>
		<div class="ndis">
			<script type="text/javascript">
				var cnzz_protocol = (("https:" == document.location.protocol) ? " https://"
						: " http://");
				document
						.write(unescape("%3Cspan id='cnzz_stat_icon_1258389938'%3E%3C/span%3E%3Cscript src='"
								+ cnzz_protocol
								+ "s95.cnzz.com/z_stat.php%3Fid%3D1258389938' type='text/javascript'%3E%3C/script%3E"));
			</script>
		</div>
	</div>
	<div id="go_top" style="padding-top: 9px; padding-left: 13px;"
		class="cursor">
		<i class="iconfont f20" style="color: #FFF;">&#xe617;</i>
	</div>
	<!-- End:footer -->
	
	
	
	<script src="resources/framework/jquery-1.9.1.min.js"></script>
	<script src="resources/framework/jquery.cookie.js"></script>
	<script src="resources/framework/jquery.base64.js"></script>

	<script src="resources/framework/angular-1.3.0.14/angular.js"></script>
	<script src="resources/framework/angular-1.3.0.14/angular-animate.min.js"></script>
	<script src="resources/framework/angular-ui-router-0.2.15.js"></script>
	<script src="resources/js/app.js?v=2010"></script>
	<script src="resources/js/services.js"></script>
	<script src="resources/js/frontRouter.js"></script>
	<script src="resources/js/router.js"></script>
	<script src="resources/js/backControllers.js?v=2010"></script>
    <script src="resources/js/frontControllers.js?v=2010"></script>

	<script
		src='resources/framework/textAngular-1.5.0/textAngular-rangy.min.js'></script>
	<script
		src='resources/framework/textAngular-1.5.0/textAngular-sanitize.min.js'></script>
	<script src='resources/framework/textAngular-1.5.0/textAngular.min.js'></script>
	<script src="resources/framework/bootstrap-3.0.0/js/bootstrap.js"></script>
	<script
		src="resources/framework/bootstrap-3.0.0/js/bootstrap-datetimepicker.min.js"></script>
	<script
		src="resources/framework/bootstrap-3.0.0/js/bootstrap-datetimepicker.zh-CN.js"></script>
	<script src="resources/js/validateAndRefresh.js?v=200"></script>
	<script src="resources/js/core.js?v=200"></script>
	<script src="resources/js/global.js?v=200"></script>
	<script src="resources/js/crapApi.js?v=200"></script>

	<!-- 提示窗口 -->
	<div id="lookUp" class="look-up shadow">
		<div id="lookUpContent" class="look-up-content f12 tc">加载中....</div>
		<i class="iconfont i-close" onclick="iClose('lookUp')">&#xe615;</i>
	</div>
	<div id="fade"></div>
	<div id="passwordDiv" class="look-up shadow">
		<div id="lookUpContent" class="look-up-content f12 tc p30 BGFFF">
			<form onsubmit="$('#refresh').click();closeMyDialog('passwordDiv');">
				<blockquote style="margin-left: -15px;">
					<p>&nbsp;私密项目，请输入访问密码</p>
				</blockquote>
				<div class="input-wrapper mt20 bt1">
					<input id="password" type="text" placeholder="请输入访问密码">
				</div>
				<div class="input-wrapper bt0" ng-if="settings.VISITCODE=='true'">
						<input type="text" id="visitCode" placeholder="图形验证码">
						<div class="imgCode" title="看不清楚？换一张" alt="看不清楚？换一张"
							data-toggle="tooltip">
							<img id="imgCode" width="80" height="30"
								onclick="changeimg('imgCode','verificationCode')"
								src="getImgCode.do">
						</div>
				</div>
				<button type="submit" class="btn btn btn-purple btn-sm fr mt20">确认</button>
			</form>
		</div>
		<i class="iconfont i-close" onclick="closeMyDialog('passwordDiv')">&#xe615;</i>
	</div>
	<div id="float" class="folat">
		<div class="sk-wave">
			<div class="sk-rect sk-rect1"></div>
			<div class="sk-rect sk-rect2"></div>
			<div class="sk-rect sk-rect3"></div>
			<div class="sk-rect sk-rect4"></div>
			<div class="sk-rect sk-rect5"></div>
		</div>
	</div>
</body>
</html>
